<template>
  <div>
    <RecordsBlock
      :records="formattedData"
    />
  </div>
</template>
<script>
import RecordsBlock from '@/views/approvalFlow/components/approvalRecords/RecordsBlock.vue'

export default {
  name: '',
  components: { RecordsBlock },
  props: {
    record: {
      type: Object,
      required: true
    }
  },
  data() {
    return {

    }
  },
  computed: {
    formattedData() {
      const { record } = this

      return [
        {
          name: '用车时间',
          value: record.vehicle_usage_time || ''
        },
        {
          name: '用车原因',
          value: record.car_reason || ''
        },
        {
          name: '用车路线',
          value: record.vehicle_route || ''
        },
        {
          name: '车牌号',
          value: record.license_plate_number || ''
        },
        {
          name: '司机',
          value: record.driver_name || ''
        }
      ]
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
